<!DOCTYPE html>
<html lang="zh">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="../../common/css/materialize.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

</head>

<body>
    <div id="nav">
        <login-nav v-if="type === 'login'"></login-nav>
    </div>
    <main>
        <div class="content-background"></div>
        <div style="margin-top: 70px;" class="container">
            <div class="row">
                <div class="col s12">
                    <div class="card white">
                        <div style="padding: 16px 0px; padding-bottom: 0px;padding-bottom: 16px;" class="card-content black-text">
                            <p style="font-size: 24px; margin-bottom: 16px;margin-left: 2em;">登录</p>
                            <div style="padding:0px 45px;">
                                <form>
                                <div class="row">
                                    <div class="input-field col s12">
                                        <i class="material-icons blue-text prefix">account_circle</i>
                                        <input id="email" data-error="请输入正确的Email地址，如：abc@abc.com" type="email" class="validate">
                                        <label for="email">Email</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="input-field col s12">
                                        <i class="material-icons blue-text prefix">lock</i>
                                        <input id="password" type="password" class="validate">
                                        <label for="password">Password</label>
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom: 0px;">
                                    <div class="col s12">
                                <button class="btn waves-effect waves-light right blue" type="submit" name="action">Submit<i class="material-icons right">send</i></button>
                                    </div>
                                </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <script src="../../common/js/vue.js"></script>
    <script src="../../common/js/jquery-3.2.0.min.js"></script>
    <script src="../../common/js/jquery.cookie.js"></script>
    <script src="../../common/js/materialize.min.js"></script>
    <script src="../../common/js/components/nav.js"></script>
    <script>
        $(document).ready(function () {
            $('.button-collapse').sideNav();
        });
    </script>
</body>

</html>